<!DOCTYPE html>
<html lang="en">
<head>
  <title>Crypto C14 One stop blockchain DApp</title>
  <meta charset="utf-8">
  <meta name="description" content="Crypto C14 One stop blockchain DApp">
  <meta name="keywords" content="blockchain, crypto evidence, digital evidence, DAPP, anti-counterfeiting, traceability, NFT, reward points">
  <meta name="author" content="wechat ID: fengyun_houston">
  <meta name="wallet" content="ARDOR-49CE-CXZZ-3QHW-AH4JK">
  <meta name="integrity" content="token...">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel = "icon" href ="images/logo-cc14.png" type = "image/x-icon">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style-cc14.css">
  <style>
  @media all and (min-width: 992px) {
	  .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{ color: #000;  }
	  .navbar .nav-item:hover .dropdown-menu{ display: block; }
	  .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }
</style>
</head>
<body>
  <div style="min-height: calc(100vh - 50px);">
    <nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light shadow" id="navbar">
      <div class="container-fluid">
        <a class="navbar-brand" href="home.html"><img src="images/logo-cc14.png" width="74" height="44" loading="lazy"></a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <!-- load by src='js/nav_footer.js' -->
        </div>
      </div>
    </nav>
    <div class="container-fluid"><!-- container ============================ -->

      <div class="row align-items-center"><!-- image slider ================ -->
        <div class="col-12 col-sm-10 mx-auto mt-4" >
          <div  class="carousel slide carousel-dark" data-bs-ride="carousel" id="productImages">
            <ol class="carousel-indicators">
              <li data-target="#productImages" data-slide-to="0" class="active"></li>
              <li data-target="#productImages" data-slide-to="1"></li>
              <li data-target="#productImages" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
              <div class="carousel-item active"><a href="shop.html">
                <img class="d-block mx-auto w-100" id="slideshow-1" src="images/upc-image-1.png" alt=""></a>
              </div>
              <div class="carousel-item"><a href="shop.html">
                <img class="d-block mx-auto w-100" id="slideshow-2" src="images/upc-image-2.png" alt=""></a>
              </div>
              <div class="carousel-item"><a href="shop.html">
                <img class="d-block mx-auto w-100" id="slideshow-3" src="images/upc-image-3.png" alt=""></a>
              </div>
            </div>
            <a class="carousel-control-prev" href="#productImages" role="button" data-bs-slide="prev">
              <span class="carousel-control-prev-icon bg-dark rounded-circle p-3"></span>
            </a>
            <a class="carousel-control-next" href="#productImages" role="button" data-bs-slide="next">
              <span class="carousel-control-next-icon bg-dark rounded-circle p-3"></span>
            </a>
          </div>
        </div>
      </div><!-- image slider end ===========================================-->
      <div class="row">
        <div class="col-12 col-sm-10 mx-auto">
          <div class="accordion">

            <div class="accordion-item">
              <h2 class="accordion-header" id="flipProduct">
                <button id="btnProduct" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelProduct" aria-expanded="false" aria-controls="panelProduct">
                  <h4>&#x1F4D6; 区块链防伪</h4>
                </button>
              </h2>
              <div id="panelProduct" class="accordion-collapse collapse" aria-labelledby="flipProduct" >
                <div class="accordion-body">
                  <p>假冒伪劣是个世界性问题，有资料显示全球每年3.3%的贸易是假冒伪劣品的交易。也就是每30元的贸易，有1元花在了假冒伪劣品。而全球每年花销在防伪包装上的费用在2020年高达1060亿美元，预期2025年能达到1882亿美元，但是效果不彰。</p>
                  <p>打假为什么这么难。我们先从什么是假冒伪劣说起。假冒伪劣 Counterfeiting: 未经授权，冒用他人名义生产销售的产品。中文的“假冒伪劣”事实上包含了“假冒 counterfeiting good”与“伪劣 inferior good”这两大类。
                    举个例子，长生药业生产的疫苗是伪劣产品而不是假冒产品。但是如果永生药业盗用长生药业的品牌生产疫苗，那么这就产生了假冒产品。不过习惯的力量，本站将用“假冒伪劣”泛指全球这3.3%的仿冒产品，因为造假者利润的追求，很多假冒产品也伴生着低劣的品质。</p>
                </div>
              </div>
            </div>

            <div class="accordion-item">
              <h2 class="accordion-header" id="flipProduct">
                <button id="btnProduct" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelProduct" aria-expanded="false" aria-controls="panelProduct">
                  <h4>&#x1F4D6; coming soon...</h4>
                </button>
              </h2>
              <div id="panelProduct" class="accordion-collapse collapse" aria-labelledby="flipProduct" >
                <div class="accordion-body">
                  ...
                </div>
              </div>
            </div>

          </div><!-- accordion end ========================================= -->
        </div><!-- col-12 col-sm-10 mx-auto end ============================ -->
      </div><!-- 搜索结果 结束================================================-->

    </div><!-- container end =============================================== -->
  </div><!-- 100% vh end =================================================== -->
  <footer id="footer" style="height: 50px;">
    <!-- load by nav_footer.js -->
  </footer>
</body>
<script>
  var isNode = false;
</script>
<script src='js/3rdparty/jquery-3.5.1.min.js'></script>
<script src='js/3rdparty/bootstrap.bundle.min.js' ></script>
<script src="js/3rdparty/easy.qrcode.js"  charset="utf-8"></script>
<script src="js/3rdparty/crypto-js.min.js"></script>
<script src="js/3rdparty/jsbn.js"></script>
<script src="js/3rdparty/jsbn2.js"></script>
<script src="js/3rdparty/extensions.js"></script>
<script src="js/3rdparty/converters.js"></script>
<script src="js/3rdparty/nrs.util.js"></script>
<script src="js/3rdparty/jquery.table2excel.js"></script>
<script src='js/scripts-cc14en.js' ></script>
<script src='js/nav_footer.js' ></script>
<script src='data/myAddressBook.json' ></script>
<script src='data/myAssetBook.json' ></script>
<script>
  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {return new bootstrap.Tooltip(tooltipTriggerEl)});
  $("#navbarSupportedContent").html(navbarSupportedContentHtml);
  $("#footer").html(footerHtml);
  $("input[type='text']").on("click", function () {$(this).select();});
</script>
</html>
